body {
    background-color: #F1F1F1;
}

.content {
    height: 11rem;
    margin-top: 3rem;
    position: relative;
    background-color: #FFFFFF;
}

.head {
    /*border:1px solid red;*/
    position: absolute;
    width: 90%;
    height: 8rem;
    margin: auto;
    top: -1.5rem;
    left: 5%;
}

.balance{
    background: url('../image/4.png')  no-repeat;
    background-size: 100%;
}

.integral{
    background: url('../image/5.png')  no-repeat;
    background-size: 100%;
}

.info-common{
    text-indent: 2rem;
}

.content .info-common:first-child{
    font-size: 14px;
    color: #FFE6D3;
    margin-top: 1.5rem;
}
.content .info-common:last-child{
    color: #FFFFFF;
    margin-top: 0.5rem;
    font-size: 1.8rem;
}

.menu-box{
    position: absolute;
    width: 88%;
    margin-top: 7rem;
    left: 6%;
}

.menu-list{
    display: flex;
    justify-content: left;
    line-height: 2rem;
}
.menu{
    width: 50%;
}

.menu-list .menu:first-child{
    color: #808080;
    font-size: 14px;
}

.menu-list .menu:last-child{
    text-align: right;
    color: #AFAFAF;
}

